[v-cloak]{display: none;}
/* 样式调整为继承父级 */
.nav-left .el-submenu__title i,
.nav-left .el-menu-item i,
.nav-right-1 .el-dropdown,
.tab-title:hover .el-icon-caret-right,
.tab-title.tab-native .el-icon-caret-right {	color: inherit;}

.el-menu,
.el-submenu,
.nav-left .el-submenu__title,
.nav-left .el-submenu .el-submenu .el-submenu__title,
.nav-left .el-menu-item {	color: inherit;	background-color: inherit;}
/* 切换主题时，停止动画 */
.themeToggling .nav-left,.themeToggling .nav-left *{transition: none !important;}
.themeToggling .nav-left-top,.themeToggling .nav-left-top *{transition: all 0.2s !important;}


/* ========================== 主题 - 0 默认样式 蓝色 ==========================  */
.theme-0 {}

/* 左边栏背景色，前景色 */
.theme-0 .nav-left {	background-color: #222;	color: #FFF;}

/* 二级菜单背景色 */
.theme-0 .el-submenu .el-menu-item,
.theme-0 .nav-left .el-submenu .el-submenu .el-submenu__title{	background-color: #000;}

/* 所有菜单悬浮样式*/
.theme-0 .nav-left .el-submenu__title:hover,
.theme-0 .nav-left .el-submenu .el-submenu .el-submenu__title:hover,
.theme-0 .nav-left .el-menu-item:hover{	background-color: #4E5465;}
/* 所有菜单选中时 */
.theme-0 .nav-left .el-menu-item.is-active {	background-color: #2D8CF0;	color: #FFF;}

/* 工具栏背景色颜色, 前景色 */
.theme-0 .nav-right-1 {	color: #333;	background-color: #FFF;}

/* 工具栏悬浮颜色 */
.theme-0 .tool-fox:hover {	background-color: #EEE;}

/* 卡片栏悬浮颜色和选中颜色 */
.theme-0 .tab-title:hover,
.theme-0 .tab-native.tab-title {	color: #2D8CF0;}


/* ========================== 主题-1 什么也不覆盖 即：全部取默认样式 ==========================  */
.theme-1 {}

/* ========================== 主题-2 绿色 ==========================  */
.theme-2 {}

/* 所有菜单选中时 */
.theme-2 .nav-left .el-menu-item.is-active {	background-color: #009688;}

/* 卡片栏悬浮颜色和选中颜色 */
.theme-2 .tab-title:hover,
.theme-2 .tab-native.tab-title {	color: #009688;}

/* ========================== 主题-3 白色 清爽 ==========================  */
.theme-3 {}

/* 非标准附加样式 */
.theme-3 .nav-left-top{box-shadow: 0 2px 2px #CCC; width: 199px; border-right: 1px #DDD solid;}
.theme-3 .nav-left-bottom{width: 199px; border-right: 1px #DDD solid;}
.theme-3.fold .nav-left-top{width: 63px;}
.theme-3.fold .nav-left-bottom{width: 63px;}
/* .theme-3 .nav-right-1,.theme-3 .nav-right-2{border-left: 1px #eee solid;} */

/* 左边栏背景色，前景色 */
.theme-3 .nav-left {	background-color: #FFF;	color: #333;}

/* 二级菜单背景色 */
.theme-3 .el-submenu .el-menu-item,
.theme-3 .nav-left .el-submenu .el-submenu .el-submenu__title{	background-color: #fafafa;}

/* 所有菜单悬浮样式时, 以及选中时 */
.theme-3 .nav-left .el-submenu__title:hover,
.theme-3 .nav-left .el-submenu .el-submenu .el-submenu__title:hover,
.theme-3 .nav-left .el-menu-item:hover,
.theme-3 .nav-left .el-menu-item.is-active {	background-color: #ECF5FF;	color: #409EFF;}


/* ========================== 主题-4 上黑 下白 ==========================  */
.theme-4 {}

/* 非标准附加样式 */
.theme-4 .nav-left-top{height: 49px; line-height: 49px; text-indent: 0.3em; background-color: #222; color: #FFF;}
.theme-4 .nav-left-top .admin-logo{/* display: none; */ width: 28px; height: 28px; position: relative; top: -2px;}

.theme-4 .nav-left-bottom{width: 199px; border-right: 1px #DDD solid;}
.theme-4.fold .nav-left-bottom{width: 63px;}
.theme-4 .nav-left .el-submenu__title,
.theme-4 .nav-left .el-menu-item{transition: background-color 0.1s;}

/* 左边栏背景色，前景色 */
.theme-4 .nav-left {	background-color: #EEE;	color: #333;}

/* 二级菜单背景色 */
.theme-4 .el-submenu .el-menu-item,
.theme-4 .nav-left .el-submenu .el-submenu .el-submenu__title{	background-color: #DDD;}

/* 所有菜单悬浮样式时 */
.theme-4 .nav-left .el-submenu__title:hover,
.theme-4 .nav-left .el-submenu .el-submenu .el-submenu__title:hover,
.theme-4 .nav-left .el-menu-item:hover{	background-color: #ECF5FF;}
/* 所有菜单选中时 */
.theme-4 .nav-left .el-menu-item.is-active {	background-color: #009688;	color: #FFF;}

/* 卡片栏悬浮颜色和选中颜色 */
.theme-4 .tab-title:hover,
.theme-4 .tab-native.tab-title {	color: #009688;}

/* 工具栏背景色颜色, 前景色 */
.theme-4 .nav-right-1 {	color: #EEE;	background-color: #222;}

/* 工具栏悬浮颜色 */
.theme-4 .tool-fox:hover {	background-color: #444;}



/* ========================== 主题-5 灰色展开 (仿微信公众平台)0分 ==========================  */

.theme-5 {}

.theme-5 .nav-left-top{box-shadow: 0 2px 2px #CCC;}
.theme-5 .nav-left-top,.theme-5 .nav-left-bottom{width: 199px; border-right: 1px #DDD solid;}
.theme-5.fold .nav-left-bottom{width: 63px;}
.theme-5 .el-submenu__icon-arrow.el-icon-arrow-down{display: none;}
.theme-5 .nav-left-bottom .menu-box-2{padding-bottom: 200px;}

/* 左边栏背景色，前景色 */
.theme-5 .nav-left {	background-color: #EEE;	color: #000;}

/* 二级菜单背景色 */
.theme-5 .el-submenu .el-menu-item,
.theme-5 .nav-left .el-submenu .el-submenu .el-submenu__title{	background-color: #EEE;}

/* 所有菜单悬浮样式时, 以及选中时 */
.theme-5 .nav-left .el-submenu__title:hover,
.theme-5 .nav-left .el-submenu .el-submenu .el-submenu__title:hover,
.theme-5 .nav-left .el-menu-item:hover,
.theme-5 .nav-left .el-menu-item.is-active:hover {	background-color: #ddd;	color: #1AAD5E;}
.theme-5 .nav-left .el-menu-item.is-active {background-color: #eee; color: #1AAD5E;}

/* 卡片栏悬浮颜色和选中颜色 */
.theme-5 .tab-title:hover,.theme-5 .tab-native.tab-title {	color: #1AAD5E;}


/* ========================== 主题-6 钛合金 (仿 iview admin pro) ==========================  */
.theme-6 {}
/* 所有菜单选中时 */
.theme-6 .nav-left .el-menu-item.is-active {	background-color: #805322;	color: #FFF;}

/* 卡片栏悬浮颜色和选中颜色 */
.theme-6 .tab-title:hover,
.theme-6 .tab-native.tab-title {color: #805322;}

/* 工具栏背景色颜色, 前景色 */
.theme-6 .nav-right-1 {color: #EEE;background-color: #222;}

/* 工具栏悬浮颜色 */
.theme-6 .tool-fox:hover {background-color: #444;}


/* ========================== 主题-7 沉淀式黑蓝 ==========================  */
.theme-7 {}
/* 工具栏背景色颜色, 前景色 */
.theme-7 .nav-right-1 {color: #EEE;background-color: #222;}
/* 工具栏悬浮颜色 */
.theme-7 .tool-fox:hover {background-color: #444;}

/* ========================== 主题-8 简约式灰蓝 ==========================  */
/* ========================== 主题-9 紫色主题 ==========================  */
/* ========================== 主题 - 国风家庭记账 ==========================  */
.theme-8 {}

/* 左边栏背景色，前景色 */
.theme-8 .nav-left {	background-color: #f5f5dc;	color: #5d4037; }

/* 二级菜单背景色 */
.theme-8 .el-submenu .el-menu-item,
.theme-8 .nav-left .el-submenu .el-submenu .el-submenu__title {	background-color: #fff8dc; }

/* 所有菜单悬浮样式时 */
.theme-8 .nav-left .el-submenu__title:hover,
.theme-8 .nav-left .el-submenu .el-submenu .el-submenu__title:hover,
.theme-8 .nav-left .el-menu-item:hover { background-color: #ffe4c4; }
.theme-8 .nav-left .nav-left-top .nav-title,
.theme-8 .nav-right .nav-right-1 .tools-left .tool-fox .el-breadcrumb.breadcrumb-container .el-breadcrumb__item .el-breadcrumb__inner {
    color: #5d4037;
}
/* 所有菜单选中时 */
.theme-8 .nav-left .el-menu-item.is-active {
    background-color: #ffd700;
    color: #5d4037;
}

/* 工具栏背景色颜色, 前景色 */
.theme-8 .nav-right-1 {	color: #5d4037;	background-color: #fffaf0; }
.theme-8 .nav-right .nav-right-1 .tools-right .tool-fox .user-info .el-dropdown .el-dropdown-link.user-title.el-dropdown-selfdefine,
.theme-8 .nav-right .nav-right-1 .tools-right .tool-fox .el-dropdown .el-dropdown-link.el-dropdown-selfdefine {
    color: #5d4037;
}

.theme-8 .el-button.el-button--primary,
.theme-8 .el-button.el-button--success,
.theme-8 .el-button.el-button--default{
background-color: #fffaf0; color: #5d4037;border-color:#ffd700;
}

.theme-8 .el-button--text.el-button.avue-crud__viewBtn,
.theme-8 .el-button--text.el-button.avue-crud__editBtn,
.theme-8 .el-button--text.el-button.avue-crud__delBtn
{
background-color: #fffaf0; color: #5d4037;
}
.theme-8 .el-form .el-input--mini .el-input__inner {
    border-color: #ffd700;
}
/* 工具栏悬浮颜色 */
.theme-8 .tool-fox:hover {
    background-color: #fff5ee;
}

/* 卡片栏悬浮颜色和选中颜色 */
.theme-8 .tab-title:hover,
.theme-8 .tab-native.tab-title {	color: #8b4513; }

/* 收入颜色 */
.theme-8 .income-element {	color: #2e8b57; }

/* 支出颜色 */
.theme-8 .expense-element {	color: #cd5c5c; }

/* 成功提示样式 */
.theme-8 .success-message {	color: #3cb371; }

/* 警告提示样式 */
.theme-8 .warning-message {	color: #ffa500; }

/* 错误提示样式 */
.theme-8 .error-message {	color: #ff4500; }

/* 分隔线样式 */
.theme-8 .separator {	border-top: 1px solid #dcdcdc; }